<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
    <!-- <link rel="stylesheet" href="../public/css/progress.css"> -->
    <!-- <script type="text/javascript" src="../public/js/progress.js"></script> -->
</head>
<body>
    <div class="top">
        <img src="./logo.jpg" alt="" class="imglogo">
        <span>移动应用开发实验室</span>
    </div>
    <div class="middle">
        <!-- 个人信息 -->
        <div class="personalData">
            <div class="pd">
                <h1 class="p1">—</h1>
                <div>个人信息</div>
                <h1 class="p2">—</h1> 
            </div>        
        </div>
        <div class="data">
            <form id="data_form">
                <div class="from-group">
                    <label for="">姓名:</label>
                    <input type="username" id="name">
                </div>
                <div class="from-group">
                    <label for="">班级:</label>
                    <input type="text" id="number">
                </div>
                <div class="from-group">
                    <label for="">电话:</label>
                    <input type="text" id="tel">
                </div>
                <div class="from-group">
                    <label for="">方向:</label>
                    <input type="text" id="derition">
                </div>
            </form>
        </div>
        <!-- 面试进度 -->
        <div class="line_01">面试进度</div>
        <!-- 进度条 -->
        <div id="myProgress">
            <div id="myBar"></div>
            <div class="reviw">
                <div class="step">
                    <p>报名</p>
                    <div id="bullet0"></div>
                </div>
                <div class="step">
                    <p>一面</p>
                    <div id="bullet1"></div>
                </div>
                <div class="step">
                    <p>二面</p>
                    <div id="bullet2"></div>
                </div>
                <div class="step">
                    <p>三面</p>
                    <div id="bullet3" style="margin-right: -35%;"></div>
                </div>
            </div>
          </div>
        <!-- 提示面试时间 -->
        <div id="timenotice">
            恭喜你<span id="reviw"></span>,下次面试时间为<span id="time"></span>
        </div>

    </div>
</body>
</html>

